.seamless_rolling{
    overflow: hidden;
    position: relative;
    display: block;
}

.seamless_rolling_img{
    width: 100%;
    height: 100%;
    background: antiquewhite;
    position: absolute;
	transform: translate(0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;

}

.init-right{
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.init-left{
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.init-show{
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}

.seamless_rolling_img:after{
    content: '';
    text-align: center;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-text-justify: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}


/*滚动图片的导航*/




/* 图片碎片化（div） */
.fragmentation{
    width: 100%;
    height: 100%;
    position: relative;
    perspective: 800px;
    transform-style: preserve-3d;
    margin: auto;
    overflow: hidden;
    display: block;
}

.fragmentation .images{
    width: 10%;
    height: 10%;
    position: absolute;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: 1000% 1000%;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    transform-origin: 0 0;
}